@import './basis.scss';

@font-face {
  font-family: din;
  src: url('https://img.gojoy.cn/h5/assets/font/DIN-500.otf?t=1565859000922');
}

@font-face {
  font-family: din;
  src: url('https://img.gojoy.cn/h5/assets/font/DIN-300.otf?t=1565859000922');
  font-weight: 300;
}

// 引用数字字体
.num {
  font-family: din;
}

/**
 * 统一多端基础样式
 * 比较理想的是 View 标签统一为 display: flex; flex-direction: column
 * 但是 H5 上内置组件样式可能会错乱，因此暂时不这样处理，有用到 flex 的地方都显式声明主轴方向即可
 */

/* weapp */

page {
  // height: 100%;
  background-color: #F1F1F1;
}

.taro_router {
  background-color: #F1F1F1;
}

img,
span {
  pointer-events: none;
}

// html,
// body,
// #app,
// .taro_router,
// .taro_page {
//   height: auto;
// }

#app {
  // height: auto;
  background-color: #F1F1F1;
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

view,
text,
scroll-view {
  box-sizing: border-box;
}

view,
text {
  line-height: 1;
}

button {
  &:after {
    display: none;
  }
}


/* h5 */

/*postcss-pxtransform weapp eject enable*/

div {
  box-sizing: border-box;
  line-height: 1;
}

span {
  line-height: 1;
}

button {
  outline: none;
}

.taro-text {
  box-sizing: border-box;
}

.taro-tabbar__panel,
.taro_router {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.taro_page {
  flex: 1;
}

.taro-modal__foot,
.taro-model__btn {
  line-height: 80px;
}

.at-action-sheet__body {
  padding: 0 30px;
}

.at-action-sheet__item::after {
  border-bottom: 1PX solid #979797;
}

.at-action-sheet__item:last-child::after {
  border-bottom: 0;
}


/*postcss-pxtransform rn eject disable*/

.h1 {}

.h2 {}

.h3 {
  font-size: 30px;
  color: $color-black-1;
}

.h4 {
  font-size: 28px;
  color: $color-black-2;
}

.or {
  .taro-tabbar__container {
    height: auto;
  }
}